<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- saved from url=(0014)about:internet -->
    <title>Jam-Demo</title>
    <style type="text/css">
        .item {
            width: 300px;
            height: 200px;
            line-height: 200px;
            text-align: center;
            font-size: 50px;
            font-weight: 500;
            color: white;
            margin: 0;
            padding: 0;
        }
    </style>
    <script type="text/javascript" src="../js/jam.js"></script>
    <!--<script type="text/javascript" src="../js/jam-0.1.1a.js"></script>-->
    <script type="text/javascript">
        $(window).load(function(){
            $('#crs').carouselInit();
        });
    </script>
</head>
<body style="overflow-x: hidden">

<h3>$(expr).carouselInit(config)</h3>

<p>支持触屏划动的轮播插件</p>
<p>可以使用Chrome的Emulate功能来模拟触屏效果</p>

<div id="crs" style="width: 300px;height: 220px;position: relative;overflow: hidden;margin: 10px">
    <div id="b1" style="background: green;" class="item">
        A
    </div>
    <div id="b2" style="background: orange;" class="item">
        B
    </div>
    <div id="b3" style="background: red;" class="item">
        C
    </div>
</div>


<script type="text/javascript" src="boot.js"></script>
</body>
</html>